<template>
    <div class="list"><!--去拼团列表-->
        <van-list
            v-model="loading"
            :finished="finished"
            finished-text="没有更多了"
            @load="getList"
            offset="400"
        >
            <li v-for="item in list" :key="item.item_id"  @click="detialRoute(item)" ><e-item :date="item"/></li>
        </van-list>
    </div>
</template>

<script>
import item from './item'
export default {
        name: "list-item",
        props:{
            contuan_data:{
                type:String,
                required: true,
                default: null
            }
        },
        data() {
            return {
                list: [], // 列表数组
                loading: false, // 是否处于加载中
                finished: false, // 是否停止load方法
                page: 0 // 请求的页面
            }
        },
        components: {
            'e-item': item
        },
        methods: {
            detialRoute (item) { // 跳转详情页
                this.$router.push({path: '/yiqituan/detial', query:{item_id:item.item_id, type: item.type, tid: ''}})
            },
            getList() { // 根据参数获取数据列表
                console.log('更新');
                this.page++;
                console.log('getlist=======',this.page);
                this.loading = true; // 加载中
                this.axios.get(`/api2/yiqituan/tab_list?tab=${this.contuan_data}&page=${this.page}&per_page=20`)
                    .then(res => {
                        console.log(res.data);
                        if (res.data.code === 1) {
                            this.list.push(...res.data.data); // 把数组添加进去
                          if ( res.data.has_more !== '1') {
                              this.finished = false // 停止触发
                          }
                            this.loading = false // 加载完成
                        } else {
                            console.log('异步请求数据有误')
                        }
                    })
                    .catch(err => console.log(err))
            },
        },
        mounted() {
            this.getList() // 组件第一次挂载就运行一次
        }
    }
</script>

<style scoped lang="scss">
</style>
